.header {
    transition: height .366s
}

.header .tel {
    opacity: 1;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all .3666s
}

.con-banner {
    transition: height .366s
}

.con-features {
    transition: transform .366s
}

.con-car1,
.con-car1-descript,
.con-cloud-harm .descript,
.con-cloud-harm .new-items,
.con-customer {
    opacity: 1;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all .3666s
}

.con-IM-Mobile,
.mobile-footer {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute
}

.con-products>.con-title {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    font-size: 5.7813vw;
    font-weight: 600;
    text-align: center
}

.con-products>.con-title::after {
    content: "";
    position: absolute;
    bottom: 1.0417vw;
    right: -2.1875vw;
    width: 36.6146vw;
    height: 3.4375vw;
    background: url("../images/info2-product-title.png") no-repeat;
    background-size: 100% 100%
}

.con-products>.con-subtitle {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    margin-bottom: 11.5625vw;
    width: 100%;
    margin-top: 1.4417vw;
    font-size: 3.3854vw;
    line-height: 3.3854vw;
    font-weight: 200;
    text-align: center
}

.con-products .title {
    opacity: 1;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all .3666s
}

@media only screen and (max-width: 1024px) {
    html {
        color: #2e2e2e;
        padding-bottom: 13.1771vw
    }

    .con-features {
        transform: skewX(0deg);
        background: url(../images/info2-mobile-feature.png) no-repeat;
        background-size: 100% 100%
    }

    .con-features .cf1,
    .con-features .cf2,
    .con-features .cf3,
    .con-features .footer {
        display: none
    }

    .con-features .footer {
        background: #6C69FC
    }

    .con-features .content {
        transform: skewX(0deg) !important
    }

    .con-features .descript {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: absolute
    }

    .con-car1,
    .con-car1-descript {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: absolute
    }

    .con-cloud-harm .title {
        font-size: 5.7813vw
    }

    .con-cloud-harm .span-img {
        flex-direction: column
    }

    .con-cloud-harm .span-img .span {
        margin-right: 0;
        padding: 6.7188vw 0 3.4375vw 0;
        text-align: center;
        color: #fe997c
    }

    .con-cloud-harm .span-img .span li span {
        color: #272727;
        font-size: 3.8542vw;
        line-height: 5.7813vw
    }

    .con-cloud-harm .span-img img {
        width: 100%;
        height: 52.7604vw
    }

    .con-cloud-harm .new-items,
    .con-cloud-harm .descript {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: absolute
    }

    .con-black-box {
        height: calc(106.9792vw + 8.6979vw);
        background-size: contain;
        background-position: top;
        background-color: #e8eeff;
        background-image: url(../images/info2-black-mobile-box.png)
    }

    .con-black-box .title {
        width: 62.5vw;
        font-size: 5.7813vw;
        line-height: 5.7813vw;
        font-weight: bold;
        color: #272727
    }

    .con-black-box .descript {
        margin-top: 3.6979vw;
        width: 84.0625vw;
        font-size: 3.8542vw;
        line-height: 5.7813vw;
        font-weight: 400;
        color: #202020
    }

    .con-black-box .footer {
        height: 8.6979vw
    }

    .con-black-box .footer li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 30%;
        margin-right: 0;
        padding: 0 1.0417vw;
        font-size: 1.8vw;
        text-align: center;
        color: #FFFFFF;
        border-right: 0.1042vw solid #fff
    }

    .con-black-box .footer li:last-child {
        border-right: none
    }

    .con-car2 {
        display: none
    }

    .con-car2>.con-title {
        font-size: 5.7813vw;
        line-height: 5.7813vw
    }

    .con-car2 .con-subtitle {
        font-size: 3.3854vw;
        line-height: 3.3854vw;
        font-weight: 200
    }

    .con-swiper {
        height: 93.8021vw
    }

    .con-swiper>.con-title {
        font-size: 5.7813vw;
        font-weight: 600
    }

    .con-swiper .con-subtitle {
        opacity: 1;
        height: auto;
        overflow: hidden;
        position: relative;
        transition: all .3666s;
        margin-top: 1.4417vw;
        font-size: 3.3854vw;
        line-height: 3.3854vw;
        font-weight: 200;
        color: #FEFEFE
    }

    .con-swiper .con-box {
        margin-top: 3.0208vw;
        width: 69.1146vw;
        height: 44.6354vw
    }

    .con-swiper .con-box .con-swiper-item {
        width: 100%;
        height: 100%
    }

    .con-swiper .con-box .con-last {
        display: none
    }

    .con-swiper .con-box .con-next {
        display: none
    }

    .con-swiper .con-nav-box {
        margin-top: 4.9479vw;
        overflow-x: initial
    }

    .con-swiper .con-nav-box .con-nav {
        transform: translateX(0) !important;
        width: auto
    }

    .con-swiper .con-nav-box .con-nav-item {
        margin-right: 1.9792vw;
        min-width: 14.7396vw;
        min-height: 12.1875vw
    }

    .con-swiper .con-nav-box .con-nav-item span {
        font-size: 2.7604vw;
        font-weight: 200
    }

    .con-swiper .con-nav-box .con-nav-item img {
        width: 5vw;
        height: 5vw
    }

    .con-IM {
        display: none
    }

    .con-products {
        padding-bottom: 5.9896vw;
        height: auto;
        background-color: #FFFFFF
    }

    .con-products .con-title,
    .con-products .con-subtitle {
        opacity: 1;
        height: auto;
        overflow: hidden;
        position: relative;
        transition: all .3666s
    }

    .con-products .item {
        padding-top: 11.5625vw;
        width: 45.1042vw;
        height: 78.3854vw;
        border-width: 0.3125vw
    }

    .con-products .item .name {
        font-size: 3.8542vw
    }

    .con-products .item .en-name {
        font-size: 2.9167vw;
        font-weight: 200
    }

    .con-products .item div {
        margin-top: 3.125vw;
        font-size: 3.3854vw
    }

    .con-products .item div::after {
        top: 1.5208vw
    }

    .con-products .new {
        margin-right: 2.6042vw
    }

    .con-products .new img {
        width: 12.8125vw;
        height: 18.1771vw
    }

    .con-products .old img {
        width: 34.6875vw;
        height: 8.8542vw
    }

    .con-products .title {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: absolute
    }

    .con-de .content {
        width: 86.7708vw;
        text-align: center
    }

    .con-de-0 {
        height: 98.6667vw
    }

    .con-de-0 .back {
        height: 98.6667vw;
        background: url(../images/info2-de-mobile-img-1.png) no-repeat;
        background-size: cover;
        background-position: bottom bottom
    }

    .con-de1 {
        height: 74.4792vw
    }

    .con-de1 .back {
        height: 74.4792vw;
        background-image: url(../images/info2-de-img-2-mobile.png)
    }

    .con-de1>.title {
        font-size: 5.7813vw;
        font-weight: 600
    }

    .con-de1 .subtitle {
        margin-top: 1.4417vw;
        font-size: 3.3854vw;
        line-height: 3.3854vw;
        font-weight: 200
    }

    .con-de1 .imgs {
        grid-template-columns: 30.3646vw repeat(2, 23.4792vw);
        grid-template-rows: repeat(2, 16.7708vw);
        grid-gap: 3.0417vw 2.0833vw
    }

    .con-customer {
        opacity: 0;
        height: 0 !important;
        padding: 0;
        margin: 0;
        overflow: hidden !important;
        position: absolute !important;
    }

    .con-IM-Mobile {
        opacity: 1;
        height: auto;
        overflow: hidden;
        position: relative;
        transition: all .3666s;
        padding-top: 5.2083vw;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .con-IM-Mobile>.con-title {
        font-size: 5.7813vw;
        font-weight: 600
    }

    .con-IM-Mobile .con-subtitle {
        margin-top: 1.4417vw;
        font-size: 3.3854vw;
        line-height: 3.3854vw;
        font-weight: 200
    }

    .con-IM-Mobile .content {
        margin-top: 10.4167vw;
        padding-bottom: 5.7292vw !important;
        position: relative;
        overflow: initial;
        display: flex;
        align-items: center;
        width: 40.625vw;
        height: 82.0833vw
    }

    .con-IM-Mobile .content>img {
        width: 40.625vw;
        height: 82.0833vw
    }

    .con-IM-Mobile .content img {
        border-radius: 2.0833vw;
        opacity: 1
    }

    .con-IM-Mobile .content .last,
    .con-IM-Mobile .content .next {
        position: absolute;
        width: 36.4583vw;
        height: 73.6458vw;
        opacity: 0.6;
        z-index: 999
    }

    .con-IM-Mobile .content .last {
        left: -49vw
    }

    .con-IM-Mobile .content .next {
        right: -49vw
    }

    .con-IM-Mobile .content.active {
        animation: none
    }

    .con-IM-Mobile .content.active>img {
        animation: IM-Mobile-Current-f forwards .966s !important
    }

    .con-IM-Mobile .content.active .last {
        animation: IM-Mobile-Last-f forwards .966s !important
    }

    .con-IM-Mobile .content.active .next {
        animation: IM-Mobile-Next-f forwards .366s !important
    }

    .con-IM-Mobile .content.active-r {
        animation: none
    }

    .con-IM-Mobile .content.active-r>img {
        animation: IM-Mobile-Current forwards .966s !important
    }

    .con-IM-Mobile .content.active-r .last {
        animation: IM-Mobile-Next forwards .366s !important
    }

    .con-IM-Mobile .content.active-r .next {
        animation: IM-Mobile-Last forwards .966s !important
    }

    .con-IM-Mobile .con-menu-items {
        margin: 6.8229vw 0 8.4896vw 0;
        display: flex;
        align-items: center
    }

    .con-IM-Mobile .con-menu-items .nav-box-item {
        margin: 0 3.3854vw
    }

    .con-IM-Mobile .con-menu-items .nav-box-item span {
        margin-top: 2.6042vw;
        font-size: 3.125vw
    }

    .con-IM-Mobile .con-menu-items .nav-box-item img {
        width: 8.4375vw;
        height: 8.4375vw
    }

    .mobile-footer {
        opacity: 1;
        height: auto;
        overflow: hidden;
        position: relative;
        transition: all .3666s;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 13.1771vw;
        background: #E33043;
        display: flex;
        z-index: 999
    }

    .mobile-footer .item {
        margin: 2.6042vw 0;
        width: 31.875vw;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.3854vw;
        color: #fff;
        border-right: 0.2083vw solid #fff
    }

    .mobile-footer .item img {
        margin-right: 1.9792vw;
        width: 4.3229vw;
        height: 4.3229vw
    }

    .mobile-footer .item:last-child {
        border-right: none
    }


    .con-IM-Mobile .swiper-container {
        margin-top: 5.9581vw;
        width: 100%;
        height: 80.5153vw;
    }



    .swiper-slide {
        text-align: center;
        padding: 0 calc((100vw - 39.0499vw) * .15) !important;
        width: 29.7907vw !important;
        display: flex;
        align-items: center;
        box-sizing: initial;
    }


    .swiper-slide img {
        width: 29.7907vw;
        height: 72.7053vw;
        border-radius: 0.3125vw;
        transition: all .566s;
    }

    .swiper-slide-active {
        padding: 0 calc((100vw - 79.0499vw) * .15) !important;
    }

    .swiper-slide-active,
    .swiper-slide-active img {
        width: 39.0499vw !important;
        height: 80.5153vw !important;
    }

    .gallery-item-desc {
        width: 80%;
        text-align: left;
        display: inline-block;
        padding-top: 2.3958vw;
        opacity: 0;
        transition-duration: 1.2s;
    }

    .init .gallery-item-desc {
        opacity: 1;
    }

    .gallery-item-desc h3 {
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        color: #111;
        font-size: 1.0417vw;
    }

    .gallery-item-desc p {
        margin-top: 1em;
        color: #333;
        font-size: 0.7813vw;
    }

    .swiper-slide-prev .gallery-item-desc {
        transform: translateX(-3.6458vw);
    }

    .swiper-slide-next .gallery-item-desc {
        transform: translateX(3.6458vw);
    }

    .swiper-slide-active .gallery-item-desc {
        opacity: 1;
        transform: translateX(0);
        width: 24.8958vw;
    }


    .swiper-button-next,
    .swiper-button-prev {
        top: 40%;
        background-color: rgba(210, 210, 210, .6);
        background-size: 0.7813vw 0.7813vw;
        border-radius: 50%;
        width: 2.7083vw;
        height: 2.7083vw;
        transition: all .5s;
        outline: none;
        opacity: 0;
    }

    .mouse-hover .swiper-button-next,
    .mouse-hover .swiper-button-prev {
        opacity: 1;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        background-color: rgba(210, 210, 210, .8);
    }

    .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
        right: 1.0417vw;
    }

    .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
        left: 1.0417vw;
    }

    .swiper-container .swiper-button-next.swiper-button-disabled,
    .swiper-container .swiper-button-prev.swiper-button-disabled {
        opacity: 0;
    }


}